/*css black style pagination*/
body{ color:#555; font-family:"Microsoft Yahei"; background:#f0f5f9;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,textarea,div{margin:0;padding:0; list-style:none;  line-height:22px;}
body,div,ul,li,dl,dt,dd{ font-size:12px; font-weight:normal;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#555; text-decoration:none}
a:hover{ color:#f00} 
img{ border:none;}
.C{ clear:both}

.wrapper{width:1003px; margin:0 auto; }

/*header css*/
#header{margin:auto; width:100%; background:url(images/top-by.jpg) top center no-repeat;overflow:hidden; }
#header .top{ height:122px;  }
#header .logo{ float:left; width:550px; margin-left:50px;margin-top:20px;}
#header .toptd  {  float:right; width:180px;margin-top:5px; color:#fff;  margin-right:0px;}
#header .toptd a{   color:#fff;}
#header .toptd  img{ padding-left:10px;   padding-right:5px; }
#header .tel{ float:right;  width:310px; text-align:right;   margin-top:20px;}




#nav{ width:100%; height:50px; background: url(images/nav-by.jpg) repeat-x;}
#nav ul{margin:0 auto; padding:0 9px 0 10px; width:1000px; overflow:hidden}
#nav ul li{ float:left; width:111px; text-align:center; position:relative}
#nav a{ position: relative; z-index:11; display:block; font-size:14px; color:#fff;line-height:50px; transition:all 0.5s ease-in-out; }
#nav a:hover{  font-size:14px; color:#fff;}
#nav .bg{ background:#a8040b; position:absolute; bottom:-50px; width:100%; height:50px;}

/*banner css*/
#banter{margin:0px auto; width:100%; text-align:center; position:relative }
#banter .search{ float:right; width:310px; right:20%;top:415px; margin-top:25px;position:absolute;  }
#banter .search-tdby{ float:left; width:220px;height:35px; line-height:35px; text-align:left; border:none; 
 background:url(images/sou-by.jpg) no-repeat;   margin-right:0px; text-indent:14px;  }
#banter .serch-tu{ float:left; width:44px;height:35px;  border:none;line-height:35px; border: none;  background:url(images/sou-td.jpg) no-repeat;    }


#container{margin:auto; width:100%;  overflow:hidden; }
#container .incenter{width:1003px;  margin:0px auto;  overflow:hidden;   }

/*products css*/
.products{margin:0 auto; width:1000px; }
.products h3{height:45px; margin-top:15px;background:url(images/pro-xuan1.jpg) bottom no-repeat;}
.products h3 span{float:right; height:34px;padding-top:5px;padding-right:15px; font-weight:normal;font-size:12px;  color:#6f6f6f; }
.products h3 span a{ color:#6f6f6f;padding-top:5px;}
.products .inter { padding: 10px 0px; overflow:hidden;  }
.products .inter ul{list-style:none;}
.products .inter ul{ padding-top:19px; padding-left:17px; }
.products .inter ul li img{ display:block; }
.products .inter ul li{ width:230px;  height:195px; float:left; margin:0px 6px;border:1px #abcae6 solid; background:#d8e5f5; }
.products .inter ul li .pic{ width:220px; height:145px; padding:5px;overflow:hidden }
.products .inter ul li .pic img{ width:100%; }
.products  .py{ width:220px; height:38px; line-height:38px;paddin-bottom:5px; font-size:14px; text-align:center; display:block;color:#333; overflow:hidden  }
.products  .py a{color:#333; }


.aboutnews{margin:0 auto; width:100%; margin-top:10px;  background:url(images/pro-xuan.jpg) top  repeat-x; overflow:hidden;}
.aboutnews .inter{margin:0 auto;width:1000px; }

/*about css*/
.about{float:left;width:500px; padding: 0px ; margin-top:25px; }
.about h3{height:44px;    font-weight:bold;font-size:14px; color:#fff; padding-bottom:8px;background:url(images/about-xuan.gif) bottom no-repeat; }
.about h3 span{float:right; padding-top:8px;padding-right:0px;  font-weight:normal; }
.about .inter {width:480px;  padding:10px; line-height:22px; color:#fff;  }
.about .inter img{ float:left; border:1px #ccc solid; background:#fff; padding:2px; margin-right:15px;} 
.about .inter a{ color:#f60;  } 

/*new css*/
.innew{float:right;width:470px;  margin-top:25px; }
.innew h3{height:44px;    font-weight:bold;font-size:14px; color:#fef1b2;padding-bottom:8px;background:url(images/about-xuan.gif) bottom no-repeat; }
.innew h3 span{float:right; padding-right:0px;  font-size:12px; font-weight:normal; color:#666;padding-top:8px; }
.innew h3 span a{color:#666;}
.innew .inter { padding:10px;    }
.innew .inter  .Recomnew{ width:450px;   color:#fff;}
.innew .inter  .Recomnew .tu{ float:left; width:165px;  border:1px #ccc solid; background:#fff; padding:2px;margin-right:10px;  }
.innew .inter  .Recomnew .biaotd{ float:right; width:260px; }
.innew .inter  .Recomnew .biao{ float:left; width:260px;color:#fff; font-size:12px; font-weight:bold;   }
.innew .inter  .Recomnew .biao a{ color:#fff;  }
.innew .inter  .Recomnew .td{ float:left; width:260px; font-size:12px; text-indent:24px;  color:#78a8ce;height:87px;overflow:hidden; }
.innew .inter .new {float:left;width:330px; }
.innew .inter .new ul{list-style:none;width:330px; }
.innew .inter .new ul li{width:330px; list-style:none;line-height:32px;  font-weight: normal; text-indent:24px;color:#fff;}
.innew .inter .new ul li a{ display:block; color:#fff;line-height:32px; background:url(images/new-dian.gif) 8px  no-repeat;}
.innew .inter .new ul li a:hover{color:#ff0000; }
.innew .inter .new ul li span{ float:right;padding-right:10px }

/*case  css*/
.case {margin:0 auto; width:1120px; margin-top:15px;}
.case h3{height:45px; text-indent:65px; background:url(images/pro-xuan1.jpg) bottom no-repeat;  }
.case h3 span{float:right; padding-right:10px; padding-top:10px;   font-size:12px; font-weight:normal; color:#666; }
.case h3 span a{color:#666;}
.case .letu{float:left;width:60px; height:53px;  margin-top:85px; }
.case .ritu{float:right;width:60px; height:53px;   margin-top:85px;  }
.case .Playtu{float:left; width:1000px; padding:0px 0px;  margin-top:15px; }
.case .Playtu ul{list-style:none;}
.case .Playtu ul{ padding-top:19px; padding-left:17px; }
.case .Playtu ul li img{ display:block; }
.case .Playtu ul li{ width:230px; height:195px; float:left; margin:0px 6px;border:1px #abcae6 solid; background:#d8e5f5; }
.case .Playtu ul li .pic-tu{ width:220px; height:145px; padding:5px;overflow:hidden }
.case .Playtu  ul li .pic-tu img{ width:100%; }
.case .py{ width:220px; height:38px; line-height:38px;paddin-bottom:5px; font-size:14px; text-align:center; display:block;color:#333; overflow:hidden  }
.case .py a{color:#333; }

/*footer css*/
#footer{ margin:0 auto; width:100%; margin-top:15px; height:234px; clear: both;background:url(images/tom-by.gif) top  repeat-x;}
.foot{margin:0 auto;width:1000px; padding-top:10px; }
.sub_foot{ float:left;text-align:left; color:#fff;padding-top:12px; }
.sub_foot a{ color:#fff}
.foot-td{margin-top:80px; _margin-top:50px; text-align:center;  color:#fff;padding-top:12px; }
.foot-td a{   color:#fff;}




/*sidebar css*/
#sidebar{ width:238px; float:left;margin-top:10px; display:inline; }
.subnav ul{ margin:auto}
.subnav{ margin-bottom:0px;}
.subnav h3{ height:35px;font-size:14px; font-weight:bold; color:#fff; text-align:center;  padding-top:4px; background: url(images/sub-rby.gif) no-repeat;}
.subnav .inter{ padding:10px 15px; text-indent:24px;border-left:1px #ebebeb solid;border-right:1px #ebebeb solid; border-bottom:1px #ebebeb solid;background:#fff;overflow:hidden;  }
.subnav img{ display:block}
.subnav .sub1{margin:auto;font-size:12px; text-align:left; color:#555;line-height:30px;text-indent:30px; border-bottom:1px #ccc dashed;    }
.subnav .sub1 a{display:block;color:#333;background:url(images/lesub-dian.gif) 8px no-repeat; }
.subnav .sub1 a:hover{ color:#f00;line-height:30px; }
.subnav .sub2{ float:left;font-size:12px; text-align:left; color:#555;text-indent:40px;  line-height:30px;}
.subnav .sub2 a{  float:left; display:block;color:#333;background:url(images/sub-sian.gif) 28px no-repeat;  }
.subnav .sub2 a:hover{ color:#990000 ;}
.subnav-tu{ float:left;  margin-top:10px;}

/*nynmcon css*/
.nynmcon{float:left;width:238px; margin-top:10px;  }
.nynmcon h3{height:46px;line-height:40px;font-size:14px; font-weight:bold; text-indent:28px; color:#fff; background:url(images/nycon-tby.gif) no-repeat;}
.nynmcon h3 span{float:right; padding-top:0px; padding-right:10px; padding-top:8px; font-size:12px; font-weight:normal; }
.nynmcon h3 span a{font-size:12px; font-weight:normal; line-height:30px;}
.nynmcon .inter {padding:10px 10px 10px 10px; height:165px; text-align:left;   background:url(images/nycon-by.gif) bottom  right no-repeat;  }


/*main css*/

#main{width:740px;float:right; margin-top:10px;   display:inline; }
.crumb{ height:33px; text-indent:18px; padding-bottom:0px;margin:auto; line-height:33px; font-weight:bold; font-size:15px; text-align:left; color:#fff; background:url(images/crumb-rby.gif) no-repeat;}
.crumb span{ float:right; font-weight:normal; color:#555; margin-right:25px; font-size:12px;}
.crumb span a{ color:#555; }

.article { margin:auto; line-height:24px; word-wrap:break-word; word-break:break-all; text-align:left;padding:10px 15px;  border-left:1px #ebebeb solid;border-right:1px #ebebeb solid; border-bottom:1px #ebebeb solid; background:#fff; overflow:hidden;}